<!DOCTYPE html>

<html>

<body>


<!-- Content Wrapper. Contains page content -->
<div>
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <#--main标题-->
        <h1>
            <strong>杭州</strong>天气情况
        </h1>
    <#--右侧快捷导航栏-->
        <ol class="breadcrumb">
            <li class="active">天气情况</li>
        </ol>
    </section>

<#assign text>
${weather}
</#assign>
<#assign json=text?eval />


    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-aqua"
                          style=" background-image: url(/images/weather/${json.now.code}.png); background-size:100%"></span>

                    <div class="info-box-content">
                        <span class="info-box-text" strong>实时</strong></span>
                        <span class="info-box-text"></span>
                        <span class="info-box-text">${json.now.text}</span>
                        <span class="info-box-text">温度：${json.now.temperature}</span>

                    </div>
                    <!-- /.info-box-content -->
                </div>
            </div>

        <#list json.daily as item>

            <div class="col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-aqua"
                          style=" background-image: url(/images/weather/${item.code_day}.png); background-size:100%"></span>

                    <div class="info-box-content">
                        <span class="info-box-text">${item.date}</span>
                        <span class="info-box-text">${item.text_day}</span>
                        <span class="info-box-text">${item.low}
                            <small>℃</small>~${item.high}<small>℃</small></span>
                        <span class="info-box-text">${item.wind_direction}风${item.wind_scale}级</span>
                    </div>
                    <!-- /.info-box-content -->
                </div>
            </div>
        </#list>


        </div>
    </section>


    <section class="content-header">
    <#--main标题-->
        <h1>
            <strong>生活指数</strong>
        </h1>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-sm-6 col-xs-12">
                <div class="info-box">

                    <label class="col-sm-12 control-label">穿衣指数：${json.suggestion.dressing.brief}</label>
                    <label class="col-sm-12 control-label">感冒指数：${json.suggestion.flu.brief}</label>
                    <label class="col-sm-12 control-label">运动指数：${json.suggestion.sport.brief}</label>
                </div>
            </div>
            <div class="col-sm-6 col-xs-12">
                <div class="info-box col-sm-6">

                    <label class="col-sm-12 control-label">旅行指数：${json.suggestion.travel.brief}</label>
                    <label class="col-sm-12 control-label">紫外线指数：${json.suggestion.uv.brief}</label>
                    <label class="col-sm-12 control-label">洗车指数：${json.suggestion.car_washing.brief}</label>
                </div>
            </div>
        </div>
    </section>


</div>
<script>


</script>
</body>
</html>
